<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div class="htmleaf-container">
    <div class="wrapper">
        <div class="container">
            <h2>LOGIN</h2>

            <form class="form" action="Usercheck.jsp" method="post">
                <input type="text" placeholder="userid" name="userid" required="required">
                <input type="password" placeholder="password" name="password" required="required">
                <button type="submit">Login</button><br><br>
                <input type="button" value="Register" onclick="window.location.href='Register.jsp'">
                <div style="display: flex;margin:0 auto ;width:170px;">
                    <div style="text-align: center;">其他登录方式：</div>
                    <a class="icon mr-1" href="/login/dgut" title="东莞理工学院登录">
                        <img src="picture/dgut.jpg" style="width: 20px;height: 20px" >
                    </a>
                </div>
            </form>
        </div>
        <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
    $('#login-button').click(function (event) {
        event.preventDefault();
        $('form').fadeOut(500);
        $('.wrapper').addClass('form-success');
    });
</script>

</body>
</html>